// 除变量、reset外的一些公共样式

body {
  position: relative;
  max-width: 100% !important;
  overflow-y: hidden;
  color: @color-text-primary;
}

// 滚动条样式重写-chrome
::-webkit-scrollbar {
  width: 10px;
  border-radius: 5px;
}
::-webkit-scrollbar-track {
  background-color: rgba(38, 46, 84, 0.8);
  border-radius: 5px;
  box-shadow: @color-text-regular;
  &:hover {
    background-color: @color-black-lighter;
  }
}
::-webkit-scrollbar-thumb {
  background-color: rgba(201, 210, 255, 0.8);
  border-radius: 5px;
  &:hover {
    background-color: @color-text-regular;
  }
}

// 滚动条样式重写-firefox
html {
  // 指定滚动条样式 thumb track
  scrollbar-color: rgba(201, 210, 255, 0.8) rgba(38, 46, 84, 0.8);
  &:hover {
    scrollbar-color: @color-text-regular  @color-black-lighter;
  }
  * {
    scrollbar-width: thin;
  }
}

.bg--translucent {
  background-color: rgba(11, 11, 12, 0.8);
}

.box--empty {
  display: block;
  .full;
  background: url("../images/common/empty.png") center center/221px 151px no-repeat;
}
